<template>
  <div class="home_top">
    <!--  自定义属性方式 -- 实现父组件向子组件传值 
    <MyHeader title="猫眼电影" :hasBack="false" :hasMenu="true"></MyHeader>
    <MyHeader title="1921" :hasBack="true" :hasMenu="false"></MyHeader> 
    -->
    <!-- 默认插槽方式 -- 实现父组件向子组件传值 -->
    <MyHeader :hasBack="false" :hasMenu="true">猫眼电影</MyHeader>
    <!-- logo组件 -->
    <MyLogo></MyLogo>
    <!-- tabbar组件 -->
    <MyTabbar></MyTabbar>
  </div>
</template>

<script>
import MyHeader from "../Commons/MyHeader.vue";
import MyLogo from "../Home/MyLogo.vue";
import MyTabbar from "../Home/MyTabbar.vue";
export default {
  data() {
    return {};
  },
  components: {
    MyHeader,
    MyLogo,
    MyTabbar,
  },
};
</script>

<style lang="less" scoped>
.home_top {
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0;
  left: 0;
}
</style>
